<split class='app-workflow-exp-bar' v-model="split">
    <div slot='left'>
<#if ctrl.isShowTitleBar()>
        <div class='workflow-exp-bar-header'>
            <div><icon type='ios-home-outline'/><#if ctrl.getTitle() == ''>{{$t('app.wfExpBar.title')}}<#else>${ctrl.getTitle()}</#if></div>
        </div>
</#if>
<#if ctrl.isEnableSearch()>
        <div class='search-content'>
            <i-input :search="true"
                @on-change="($event: any) => { this.srffilter = $event.target.value; }"
                @on-search="onSearch">
            </i-input>
        </div>
</#if>
        <div class='<#if ctrl.isShowTitleBar()>workflow-exp-content<#else>workflow-exp-content2</#if>'>
            <el-menu class="el-menu-vertical-demo" @select="select">
<#assign psworkflow = ctrl.getPSWorkflow()/>
            <el-submenu index="wfstep">
                <template slot="title">
                <i class="el-icon-location"></i>
                <span slot="title">${psworkflow.name}</span>
                </template>
<#if psworkflow.getWFStepPSCodeList?? && psworkflow.getWFStepPSCodeList()??>
<#list psworkflow.getWFStepPSCodeList().getAllPSCodeItems() as step>
                <el-menu-item index="wfstep-${step.value}">${step.getName()}</el-menu-item>
</#list>
</#if>
            </el-submenu>
            </el-menu>
        </div>
    </div>
    <div slot='right'>
        <component 
            v-if="selection && !Object.is(this.selection.viewName, '')" 
            :is="selection.viewName"
            class="viewcontainer2"
            :viewDefaultUsage="false"
            :viewdata="JSON.stringify(selection.data)"
            @viewdataschange="onViewDatasChange"
            @viewdatasactivated="viewDatasActivated"
            @viewload="onViewLoad">
        </component>
    </div>
</split>